<template>
  <div id="one">
  	<all-com title="one"></all-com>
  	<h1>one</h1>
  	<input type="text" placeholder="切换了之后输入的值还在" />
  </div>
</template>

<script>
export default {
  name: 'one-com',
  data () {
    return {
      
    }
  },
  //组件特有的生命周期函数
  //使用<keep-alive>标签包裹，创建之后不销毁时执行
  //成为活跃状态
  activated(){
  	console.log("activated")
  },
  //取消活跃状态
  deactivated(){
  	console.log("deactivated")
  },
  //当捕获一个来自子孙组件的错误时被调用
  errorCaptured(){
  	//返回 false 以阻止该错误继续向上传播
  	return false;
  }
}
</script>

<style>
 #one{
 	width: 300px;
 	height: 500px;
 	border: 1px solid #0000FF;
 }
</style>
